// http://api-breakingnews-web.itheima.net

// 判断本地存储中是否有token,如果没有,跳转到登录页
if (!localStorage.getItem('token')) location.href = '/login.html'

// 获取用户的个人信息
function getUserInfo() {

  userInfoApi((res) => {
    // 判断请求成功
    if (res.status === 0) {
      let { id, username, nickname, email, user_pic } = res.data
      // console.log(id, username, nickname, email, user_pic);

      // 判断依据: 用户昵称如果没有填写,默认显示是注册的用户名
      if (nickname) username = nickname
      $('.username').html(username)
      // 判断用户的头像
      if (!user_pic) {
        // 没有上传头像 === 显示的是用户名的首字母的大写
        $('.avatar').css('display', 'inline-block').html(username[0].toUpperCase())
        // 默认的图片显示 === 隐藏
        $('.layui-nav-img').css('display', 'none')
      } else {
        // 图片显示 
        $('.avatar').css('display', 'none')
        $('.layui-nav-img').css('display', 'inline-block').prop('src', user_pic)
      }
    } else {
      // 判断 token是否过期,是否是错误的
      // 清除本地的token,并跳转到登录页
      localStorage.removeItem('token')
      location.href = '/login.html'
    }
  })

  // axios({
  //   method: 'GET',
  //   url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
  //   // 自定义请求头
  //   headers: {
  //     Authorization: localStorage.getItem('token')
  //   }
  // }).then(({ data: res }) => {
  //   // console.log('小网页触发的事件.......');
  //   // console.log(res);
  //   // 判断请求成功
  //   if (res.status === 0) {
  //     let { id, username, nickname, email, user_pic } = res.data
  //     // console.log(id, username, nickname, email, user_pic);

  //     // 判断依据: 用户昵称如果没有填写,默认显示是注册的用户名
  //     if (nickname) username = nickname
  //     $('.username').html(username)
  //     // 判断用户的头像
  //     if (!user_pic) {
  //       // 没有上传头像 === 显示的是用户名的首字母的大写
  //       $('.avatar').css('display', 'inline-block').html(username[0].toUpperCase())
  //       // 默认的图片显示 === 隐藏
  //       $('.layui-nav-img').css('display', 'none')
  //     } else {
  //       // 图片显示 
  //       $('.avatar').css('display', 'none')
  //       $('.layui-nav-img').css('display', 'inline-block').prop('src', user_pic)
  //     }
  //   } else {
  //     // 判断 token是否过期,是否是错误的
  //     // 清除本地的token,并跳转到登录页
  //     localStorage.removeItem('token')
  //     location.href = '/login.html'
  //   }
  // })

}

getUserInfo() // 自动挂载到window全局上

// console.log('index页面的大window', window);
// 退出功能
/*
  1.清除本地存储中的数据
  2.跳转到登录页
*/

$('#logout').on('click', function () {
  // 添加一个弹窗的效果
  layer.confirm('亲,可不可以不退出?', { icon: 3, title: '温馨提示' }, function (index) {
    //do something
    localStorage.removeItem('token')
    location.href = '/login.html'
    layer.close(index);
  });
})
